<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品搜索</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<include file="public/comm" />
		<style>
			html,body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,a,img,div{margin: 0;padding: 0;}
			body, button, input, select, textarea{font: 12px/1.5 tahoma, arial;}
			body{width: 100%; background: #fff; margin: 0 auto; font-family: Microsoft Yahei, Tahoma, Verdana, Arial, Microsoft JhengHei, YouYuan, SimSun;font-size: 14px;position: relative;}
			html,body{width: 100%;height: 100%;min-width: 320px;max-width: 640px; margin: 0 auto; font-family: "微软雅黑";}
			h1, h2, h3, h4, h5, h6{font-size: 100%;}
			button, a{outline: medium none;}
			address, cite, dfn, em, var{font-style: normal;}
			code, kbd, pre, samp{font-family: courier new, courier, monospace;}
			ul, ol, li,p,img{list-style: none outside none;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;border: 0;}
			a{text-decoration: none;cursor: pointer; color: #333;}
			img{border: 0 none;display: block}
			button, input, select, textarea{font-size: 100%;}
			.cls:after{clear: both;content: " ";display: block;height: 0;}
			.clear{clear: both;}
			.fl{float: left;}
			.fr{float: right;}
			.cl{clear: both;}
			.hide{display: none;}
			.sea_box{width: 100%; background: #f0f2f5;}
			.sea_list,.sea_list ul{width: 100%;}
			.sea_list ul li{width: 100%;margin-bottom: 0.8em;background: #fff;}
			.sea_list ul li .pro_tit{width: 100%;height: 100%;padding: 0.6em; border-bottom: solid 1px #e3e5e9;}
			.sea_list .mui-table-view-cell{padding: 0;}
			.sea_list ul li a{display: block;height: 100%;width: 100%;padding: initial;margin: 0;height: 4.4em;}
			.mui-table-view-cell>a:not(.mui-btn){margin: 0;}
			.pro_tit{position: relative;}
			.pro_tit .pro_img{width: 20%;height: 100%;float: left;text-align: center;}
			.pro_tit .pro_img img{width:75%;display: initial;}
			.pro_tit .pro_p{float: right;width: 80%;padding-left: 0.5em;}
			.pro_tit .pro_p p{width: 100%;line-height:2em;}
			.pro_tit .pro_p p:first-child{color: #333;padding-top:0.2em;}
			.pro_sp{width: 100%;padding: 0.3em 1%;}
			.pro_sp a{width: 32% !important;position: relative;display: inline-block !important;height: initial !important;float: left;text-align: center;margin-left: 1% !important;margin-bottom:0.5em !important;}
			.pro_sp a img{width: 100%;height: 8em !important;display: initial;}
			.pro_sp a p{line-height: 1.8em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
			.pro_sp a span{background-color: rgba(216, 43, 52, 0.8);color: #fff;position: absolute;right: 0.4em; bottom: 2.8em;padding: 0px 3px;}
			.mui-table-view-cell:after{height: 0;}
			.mui-bar{height: 2.75em;background: #d0361a;-webkit-box-shadow: 0 0px 0px #ccc; box-shadow: 0 0px 0px #ccc;}
			.mui-bar a,.mui-bar h1{color: #fff;}
			.mui-bar-nav~.mui-content{padding-top: 2.75em;padding-bottom: 3em;}
			.pr_span3{margin-left: 2em;}
			.em_em1{padding: 0 0.5em;}
			.pr_span1{color: #949494;}
			.pr_span2{color: #fff;background:#d0361a;padding: 0.1em 0.2em;margin-left: 1em;}
			.pr_span4{position: absolute;top:42%;right: 32px;color: #949494;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav fs_xl">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">商品搜索</h1>
		</header>
		<div class="mui-content fs_xl">
			<div class="sea_box">
				<div class="sea_list fs_xl">
					<ul>
						<if !empty($suppliers_list)>		
							<volist name="suppliers_list" id="vo">
								<li class="mui-table-view-cell">
									<a href="{:U('/mobile/cellar/factoryInfo',array('id'=>$vo.suppliers_id))}">
										<div class="pro_tit fs_xl mui-icon mui-navigate-right">
											<div class="pro_img"><img src="{$vo.suppliers_logo}" /></div>
											<div class="pro_p">
												<p class="fs_m">{$vo.suppliers_name}<em class="em_em1">|</em><span class="pr_span1 fs_m">{$vo.origin_name}</span></p>
												<p class="fs_xs"><span>香型:{$vo.suppliers_aroma}</span><span class="pr_span3">{$vo.attention}人关注</span></p>
											</div>
											<span class="pr_span4 fs_s">详情</span>
										</div>
									</a>
									<div class="pro_sp fs_xl">
										<volist name="goods_list" id="v">
											<if $v['suppliers_id'] == $vo['suppliers_id'] >
												<if $v['type'] == 0>
													<a href="{:U('/mobile/Goods/goodsInfo',array('id'=>$v.goods_id))}">
												<elseif $v['type'] == 1>
													<a href="{:U('/mobile/Cellar/goodsInfo',array('id'=>$v.goods_id))}">
												</elseif>
												<else />
													<a href="{:U('/mobile/Destine/goodsInfo',array('id'=>$v.goods_id))}">
												</if>
													<img class="fs_xl" src="{$v.goods_id|goods_thum_images=400,400}" />
													<p class="fs_xs">{$v.goods_name}</p>
													<span class="fs_xs">{$v.shop_price}</span>
												</a>
											</if>
										</volist>
									</div>
								</li>
							</volist>
					<else />
						<div class="fs_m" style="line-height: 2.4em;text-align: center;">无搜索结果</div>
					</if>				
				</ul>
				</div>
			</div>
		</div>
	</body>

</html>